/* Copyright (c) 2022 渝州大数据实验室
 *
 * Lanius is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 *
 *     http://license.coscl.org.cn/MulanPSL2
 *
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 */
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;

  .color-red,
  .color-danger,
  .color-error {
    color: var(--el-color-danger);
  }

  .color-primary {
    color: var(--el-color-primary);
  }

  .bg-red,
  .bg-danger,
  .bg-error {
    background-color: var(--el-color-danger);
  }

  .bg-green,
  .bg-success {
    background-color: var(--el-color-success);
  }

  .bg-primary,
  .bg-blue {
    background-color: var(--el-color-primary);
  }

  .bg-warning,
  .bg-orange {
    background-color: var(--el-color-warning);
  }

  .hover-cursor-pointer:hover {
    cursor: pointer;
  }

  .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .text-ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .flex {
    display: flex;
  }
  .align-items-center {
    align-items: center;
  }
  .justify-content-space-between {
    justify-content: space-between;
  }

  //覆写element-plus样式：

  //button
  .el-button {
    height: 30px;
  }

  //tooltip:
  .el-popper[role="tooltip"] {
    max-width: 1000px;
  }

  .el-popover.el-popper.is-dark .el-popper__arrow::before {
    background-color: #6a6a6a;
    border-color: #6a6a6a;
    opacity: 90%;
  }

  .el-button.el-button--large {
    height: 40px;
  }

  //input:
  .el-input {
    line-height: 30px;
  }
  .el-input .el-input__wrapper {
    padding: 0 10px;
  }

  .el-input.grey .el-input__wrapper {
    background-color: #f2f2f6;
  }
  .el-input__inner {
    height: 30px;
  }

  //date-picker:
  .el-date-editor.grey {
    background-color: #f2f2f6;
  }

  //message:

  .message-container {
    color: white;
    max-width: 700px;
  }
  .message-container .el-message__content {
    font-size: 14px;
    line-height: 20px;
  }
  .message-container .el-message-icon--info {
    color: white;
    font-size: 18px;
  }
  .message-container.message-success {
    background-color: var(--el-color-success);
  }
  .message-container.message-error {
    background-color: var(--el-color-danger);
  }
  .message-container.message-loading {
    background-color: var(--el-color-primary);
  }

  //popper：
  .el-popover.el-popper.is-dark {
    background-color: #6a6a6a;
    border-color: #6a6a6a;
    opacity: 90%;
    color: white;
  }

  .el-popover.el-popper.is-dark .el-popper__arrow::before {
    background-color: #6a6a6a;
    border-color: #6a6a6a;
    opacity: 90%;
  }

  //dialog:
  .el-dialog__body {
    border-top: 1px solid #dedede;
  }
  .el-overlay-dialog {
    left: 240px;
  }
}
